// 管理用户数据相关

import { defineStore } from 'pinia'
import { ref } from 'vue'
import { UserLoginService } from '@/api/user'

export const useUserStore = defineStore('user', () => {
  // 1. 定义管理用户数据的state
  const userInfo = ref({})
  // 2. 定义获取接口数据的action函数
  const getUserInfo = async ({ username, password }) => {
    // alert('++++++++++++++')
    const res = await UserLoginService({ username, password })
    // alert("--------------")
    userInfo.value = res.data
    setTimeout(()=>{
      console.log(res.data,1000)
    })
    console.log('userInfo.value',userInfo.value);
    localStorage.setItem('USER_KEY', userInfo.value.data)
  }

  // 退出时清除用户信息
  const clearUserInfo = () => {
    userInfo.value = {}
    // 执行清除购物车的action
  }

  // const imgUrl=ref()

 
  // const getUserInfoData=async()=>{
  //     const res=await getUserInfoService()
  //     console.log(res);
  //     Info.value=res.data.data
  // }
  // getUserInfoData()
  // 3. 以对象的格式把state和action return
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
}, {
  persist: true,
})